﻿<!DOCTYPE html>
<html>
  <head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <link href="./css/style.css" type="text/css" rel="stylesheet">
  </head>
  <body>
    <div class="app">
      <div class="headInfo">
        <span id="currentColor">未设置</span>
        <input id="txtName" type="text" value=""/><button id="btnSaveName" current-id="" style="display:none;">确认</button>
      </div>
      <main class="main">
        <div class="in">
          <div class="row">
            <div class="color-item">
              <div id="c1" class="color-item-content" R="255" G="255" B="255" have-color="0" color-name="未设置"></div>
              <div class="color-item-txt">A</div>
            </div>
            <div class="color-item">
              <div id="c2" class="color-item-content" R="255" G="255" B="255" have-color="0" color-name="未设置"></div>
              <div class="color-item-txt">B</div>
            </div>
            <div class="color-item">
              <div id="c3" class="color-item-content" R="255" G="255" B="255" have-color="0" color-name="未设置"></div>
              <div class="color-item-txt">C</div>
            </div>
            <div class="color-item">
              <div id="c4" class="color-item-content" R="255" G="255" B="255" have-color="0" color-name="未设置"></div>
              <div class="color-item-txt">D</div>
            </div>
            <div class="color-item">
              <div id="c5" class="color-item-content" R="255" G="255" B="255" have-color="0" color-name="未设置"></div>
              <div class="color-item-txt">E</div>
            </div>
          </div>
          <div class="row">
            <div class="color-item">
              <div id="c6" class="color-item-content" R="255" G="255" B="255" have-color="0" color-name="未设置"></div>
              <div class="color-item-txt">F</div>
            </div>
            <div class="color-item">
              <div id="c7" class="color-item-content" R="255" G="255" B="255" have-color="0" color-name="未设置"></div>
              <div class="color-item-txt">G</div>
            </div>
            <div class="color-item">
              <div id="c8" class="color-item-content" R="255" G="255" B="255" have-color="0" color-name="未设置"></div>
              <div class="color-item-txt">H</div>
            </div>
            <div class="color-item">
              <div id="c9" class="color-item-content" R="255" G="255" B="255" have-color="0" color-name="未设置"></div>
              <div class="color-item-txt">I</div>
            </div>
            <div class="color-item">
              <div id="c10" class="color-item-content" R="255" G="255" B="255" have-color="0" color-name="未设置"></div>
              <div class="color-item-txt">J</div>
            </div>
          </div>
          <div class="row">
            <div class="color-item">
              <div id="c11" class="color-item-content" R="255" G="255" B="255" have-color="0" color-name="未设置"></div>
              <div class="color-item-txt">K</div>
            </div>
            <div class="color-item">
              <div id="c12" class="color-item-content" R="255" G="255" B="255" have-color="0" color-name="未设置"></div>
              <div class="color-item-txt">L</div>
            </div>
            <div class="color-item">
              <div id="c13" class="color-item-content" R="255" G="255" B="255" have-color="0" color-name="未设置"></div>
              <div class="color-item-txt">M</div>
            </div>
            <div class="color-item">
              <div id="c14" class="color-item-content" R="255" G="255" B="255" have-color="0" color-name="未设置"></div>
              <div class="color-item-txt">N</div>
            </div>
            <div class="color-item">
              <div id="c15" class="color-item-content" R="255" G="255" B="255" have-color="0" color-name="未设置"></div>
              <div class="color-item-txt">O</div>
            </div>
          </div>
          <div class="row">
            <div class="color-item">
              <div id="c16" class="color-item-content" R="255" G="255" B="255" have-color="0" color-name="未设置"></div>
              <div class="color-item-txt">P</div>
            </div>
            <div class="color-item">
              <div id="c17" class="color-item-content" R="255" G="255" B="255" have-color="0" color-name="未设置"></div>
              <div class="color-item-txt">Q</div>
            </div>
            <div class="color-item">
              <div id="c18" class="color-item-content" R="255" G="255" B="255" have-color="0" color-name="未设置"></div>
              <div class="color-item-txt">R</div>
            </div>
            <div class="color-item">
              <div id="c19" class="color-item-content" R="255" G="255" B="255" have-color="0" color-name="未设置"></div>
              <div class="color-item-txt">S</div>
            </div>
            <div class="color-item">
              <div id="c20" class="color-item-content" R="255" G="255" B="255" have-color="0" color-name="未设置"></div>
              <div class="color-item-txt">T</div>
            </div>
          </div>
          <div class="row">
            <div class="color-item">
              <div id="c21" class="color-item-content" R="255" G="255" B="255" have-color="0" color-name="未设置"></div>
              <div class="color-item-txt">U</div>
            </div>
            <div class="color-item">
              <div id="c22" class="color-item-content" R="255" G="255" B="255" have-color="0" color-name="未设置"></div>
              <div class="color-item-txt">V</div>
            </div>
            <div class="color-item">
              <div id="c23" class="color-item-content" R="255" G="255" B="255" have-color="0" color-name="未设置"></div>
              <div class="color-item-txt">W</div>
            </div>
            <div class="color-item">
              <div id="c24" class="color-item-content" R="255" G="255" B="255" have-color="0" color-name="未设置"></div>
              <div class="color-item-txt">X</div>
            </div>
            <div class="color-item">
              <div id="c25" class="color-item-content" R="255" G="255" B="255" have-color="0" color-name="未设置"></div>
              <div class="color-item-txt">Y</div>
            </div>
          </div>
          <div class="row" style="text-align: center;">
             <img id="btnLock" src="img/lock.png" width="30px" height="30px"/>
          </div>
        </div>
      </main>
    </div>

    <script type="text/javascript" src="./js/jquery.js"></script>
    <script type="text/javascript" src="./js/CSInterface.js"></script>
    <script type="text/javascript" src="./js/main.js"></script>
  </body>
</html>
